$(function() {
    // 调用发送请求函数
    getUserInfo();
    var layer = layui.layer
        // 点击按钮实现退出
    $("#btnLogot").on("click", function() {
        // 提示用户是否退出
        layer.confirm('确认退出登录', { icon: 3, title: '提示' }, function(index) {
            // 点击确认清除token里面的值
            localStorage.removeItem("token");
            // 跳转login页面
            location.href = "http://127.0.0.1:5500/git/day01/code/login.html"
                // 关闭confirm提示框
            layer.close(index);
        });
    });
})

function getUserInfo() {
    $.ajax({
        type: "GET",
        url: "/my/userinfo",
        // 设置请求头配置对象
        // headers: {
        //     Authorization: localStorage.getItem("token") || ""
        // },
        success: function(response) {
            // console.log(response);
            if (response.status !== 0) {
                return layui.layer.msg("获取用户失败")
            };
            // 定义一个渲染头像函数并调用
            renderAvatar(response.data)
        },
        // 不论获取用户请求成功和失败都会调用complete
        // 不允许用户没有等录跳转页面
        // complete: function(res) {
        //     if (res.responseJSON.status === 1 && res.responseJSON.message == "身份认证失败！") {
        //         // 直接清除本地存储token
        //         localStorage.removeItem("roken");
        //         // 并且设置返回当前页面
        //         location.href = "http://127.0.0.1:5500/git/day01/code/login.html"
        //     }
        // }
    });
};
// 定义一个渲染头像函数
function renderAvatar(user) {
    // 获取用户名称
    const name = user.nickname || user.username;
    // 添加欢迎文本
    $(".welcome").html("欢迎&nbsp;&nbsp" + name);
    // 开始渲染头像
    if (user.user_pic !== null) {
        $(".layui-nav-img").attr("src", user.user_pic).show();
        $(".text-avatar").hide()
    } else {
        $(".layui-nav-img").hide();
        var firstLetter = name[0].toUpperCase()
        $(".text-avatar").html(firstLetter).show()

    }
}